﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebClientExample._Default" StylesheetTheme="" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Document Server Demo</title>
    
    <link href="App_Themes/Fool/FoolBasic.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .style1
        {
            font-weight: normal;
            color: #000000;
        }
        .style2
        {
            width: 303px;
        }
        .style3
        {
            width: 1850px;
        }
        #File1
        {
            width: 293px;
        }
        #flFileUpload
        {
            height: 22px;
            width: 255px;
        }
        #flUpload
        {
            width: 276px;
        }
        .style4
        {
            height: 19px;
        }
        #flUpload0
        {
            width: 276px;
        }
        .style5
        {
            width: 261px;
            text-align: left;
        }
        .style6
        {
            color: #638D8A;
            width: 134px;
        }
        .style7
        {
            height: 19px;
            width: 134px;
        }
        .style8
        {
            font-weight: bold;
            background-color: #63668D;
            color: White;
            width: 536px;
        }
        .style9
        {
            width: 536px;
        }
        .style10
        {
            background-color: #63668D;
            width: 536px;
            height: 21px;
        }
        .style11
        {
            width: 390px;
        }
        #fluUserTemplate
        {
            width: 281px;
        }
        .style12
        {
            width: 536px;
            height: 16px;
        }
        .style13
        {
            width: 104px;
        }
    </style>
    
</head>
<body>
    <form id="form1" runat="server" class="style1">
    <table style="width:697px;">
        <tr>
            <td class="style2">
                &nbsp;</td>
            <td class="style3">
                &nbsp;</td>
            <td class="style11">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style2" valign="24px">
                &nbsp;</td>
            <td class="style3">
                
                <asp:Panel ID="pnlError" runat="server" Visible="False">
                    <table class="ModuleMain" style="width:544px;">
                        <tr>
                            <td class="style8">
                                Error!</td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="style12">
                                <table style="width:100%;">
                                    <tr>
                                        <td class="style13">
                                            <img alt="ErrorLogo" src="Images/error_icon.png" 
                                                    style="width: 65px; height: 57px" /></td>
                                        <td>
                                            &nbsp;<b>An error has occured.&nbsp;</b></td>
                                    </tr>
                                    <tr>
                                        <td class="style13">
                                            &nbsp;</td>
                                        <td>
                                            Error Detail:<br />
                                            <asp:Label ID="lblErrorMessage" runat="server" style="text-align: left" 
                                                    Text="No error text." ForeColor="Red"></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="style10">
                            </td>
                        </tr>
                    </table>
    </asp:Panel>
  <br />
                <table class="ModuleMain" style="width:544px;">
                    <tr>
                        <td class="ModuleHeader">
                            Template File</td>
                    </tr>
                    <tr>
                        <td>
&nbsp;<table style="width:100%; margin-bottom: 0px;">
                                <tr>
                                    <td class="style6">
                                        Demo Template:</td>
                                    <td>
                                        <asp:DropDownList ID="ddlTemplate" runat="server" Height="41px" Width="282px">
                                            <asp:ListItem>Upload File</asp:ListItem>
                                            <asp:ListItem Value="Template1.XML">Template1</asp:ListItem>
                                            <asp:ListItem Value="Template2.xml">Template2</asp:ListItem>
                                        </asp:DropDownList>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style6">
                                        Upload File:</td>
                                    <td>
                                        <input id="fluUserTemplate" runat="server" type="file" />&nbsp; </td>
                                </tr>
                                <tr>
                                    <td class="style7">
                                    </td>
                                    <td class="style4">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="ModuleFooter">
                            &nbsp;</td>
                    </tr>
                </table>
                <br />
                <table class="ModuleMain" style="width:544px;">
                    <tr>
                        <td class="ModuleHeader">
                            Data</td>
                    </tr>
                    <tr>
                        <td style="text-align: center">
                            <table style="width:100%;">
                                <tr>
                                    <td class="style5">
                                        Field 0:</td>
                                    <td style="text-align: left">
                                        <asp:TextBox ID="txtField0" runat="server" Width="240px">SomeData0</asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style5">
                                        Field 1:</td>
                                    <td style="text-align: left">
                                        <asp:TextBox ID="txtField1" runat="server" Width="240px">SomeData1</asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style5">
                                        Field 2:</td>
                                    <td style="text-align: left">
                                        <asp:TextBox ID="txtField2" runat="server" Width="240px">SomeData2</asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style5">
                                        Field 3:</td>
                                    <td style="text-align: left">
                                        <asp:TextBox ID="txtField3" runat="server" Width="240px">SomeData3</asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style5">
                                        Feild 4:</td>
                                    <td style="text-align: left">
                                        <asp:TextBox ID="txtField4" runat="server" Width="240px">SomeData4</asp:TextBox>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="ModuleFooter">
                            &nbsp;</td>
                    </tr>
                </table>
                <br />
                <table class="ModuleMain" style="width:544px;">
                    <tr>
                        <td class="style8">
                            Final Result</td>
                    </tr>
                    <tr>
                        <td style="text-align: center" class="style9">
                            <asp:Panel ID="pnlGenerate" runat="server">
                                <asp:Button ID="butGenerate" runat="server" 
    Text="Generate" Width="136px" onclick="butGenerate_Click" />
                            </asp:Panel>
                            <asp:Panel ID="pnlDownload" runat="server" Visible="False">
                                <asp:HyperLink ID="hlDownloadFile" runat="server" 
                                    style="font-size: large; font-weight: 700">Download File</asp:HyperLink></asp:Panel>
                        </td>
                    </tr>
                    <tr>
                        <td class="style10">
                            </td>
                    </tr>
                </table>
                <br />
                
            </td>
            <td class="style11" width="24px">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style2">
                &nbsp;</td>
            <td class="style3">
                &nbsp;</td>
            <td class="style11">
                &nbsp;</td>
        </tr>
    </table>
    <br />
      </form>
</body>
</html>
